<template>
	<div class="loginBox">
		微信登录
		<wxlogin
		        :appid="dataList.appid"
		        :scope="'snsapi_login'" 
		        :redirect_uri="dataList.redirect_uri"
		        :href='dataList.bast64css'
		        rel="external nofollow"
		        >
		 </wxlogin>
	</div>
	
</template>

<script setup>
	import axios from 'axios'
	import wxlogin from 'vue-wxlogin'
	import {
		reactive,onBeforeMount
	} from 'vue'
	components: {
		wxlogin
	}
	const dataList = reactive({
		bast64css: 'data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDIwMHB4O2hlaWdodDoyMDBweH0NCi5pbXBvd2VyQm94IC5pbmZvIHt3aWR0aDogMjAwcHh9DQouc3RhdHVzX2ljb24ge2Rpc3BsYXk6IG5vbmV9DQouaW1wb3dlckJveCAuc3RhdHVzIHt0ZXh0LWFsaWduOiBjZW50ZXI7fQ0KLmltcG93ZXJCb3ggLnRpdGxlIHtkaXNwbGF5OiBub25lfQ0KaWZyYW1lIHtoZWlnaHQ6IDMyMnB4O30NCg==',
		appid: 'wx2cba4419126d88ed', // 后端提供
		redirect_uri: '', // 后端提供
	})
	onBeforeMount(()=> {
		// dataList.redirect_uri = encodeURIComponent('https://zyk.icve.com.cn/hnhlkq/#/home')
		dataList.redirect_uri = encodeURIComponent('https://www.sannongpeixun.com/#/')
		
	})
</script>


<style lang="scss" scoped>
	.loginBox{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 851px;
	}
</style>